<%--
  Created by IntelliJ IDEA.
  User: Jcdz
  Date: 2019/10/2
  Time: 21:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>二级科室界面</title>
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/head.css">

    <style>

    </style>
</head>

<body>
<jsp:include page="../nav/nav.jsp"></jsp:include>
    <!--轮播 - banner - begin-->
    <div class="row" style="margin-top: 15px;">
        <div class="col-md-2"></div>
        <div class="col-md-5">
            <div id="myCarousel" class="carousel slide" style="width: 100%;">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="imgs/hshow 1.jpg" alt="First slide">
                    </div>
                    <div class="item">
                        <img src="imgs/hshow 1.jpg" alt="Second slide">
                    </div>
                    <div class="item">
                        <img src="imgs/hshow 1.jpg" alt="Third slide">
                    </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <!-- 轮播end -->

        <!-- 科室介绍 -->
        <div class="col-md-5" style="padding: 10px 0 0 38px;">
             <span class="glyphicon glyphicon-home" style="color: rgb(110, 162, 141); font-size: 20px;">
                    科室名称:${sec.sdeptName}</span><br>

                <span class="glyphicon glyphicon-home" style="color: rgb(110, 162, 141); font-size: 20px;margin-top: 20px">
                    位置:${sec.place}</span><br>

            <span class="glyphicon glyphicon-earphone"
                  style="color: rgb(110, 162, 141); font-size: 20px; margin-top: 20px;">
                    联系电话:${sec.depPhone}</span><br>
            <span class="glyphicon glyphicon-bookmark"
                  style="color: rgb(110, 162, 141); font-size: 20px; margin-top: 20px;">
                    科室介绍:${sec.intro}</span>
        </div>
    </div>
    <!-- 科室介绍end -->


<div style="height: 300px;width:100%;margin-top: 100px;">
    <h2 style="margin-left: 200px">医师团队</h2>
    <div class="row">
        <div class="col-md-1"></div>
        <c:forEach items="${doctorList}" var="doc">

            <div class="col-sm-3 col-md-3">
                <div class="thumbnail">
                    <a href="/treatment/docdetail?docId=${doc.id}&sdeptId=${doc.sdeptId}"><img src="${doc.pictrue}" alt="通用的占位符缩略图"></a>
                    <div class="caption" style="text-align: center;">
                        <h3>${doc.docName}</h3>
                        <p>${doc.docIntro}</p>
                    </div>
                </div>
            </div>

        </c:forEach>
    </div>
</div>

    <div style="width: 100%;  height: 350px;margin-top: 50px;" class="">
        <div class="col-md-12">
        <div class="col-md-5">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>
                        <h2>科室公告</h2>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>

                        <a target="_blank" href="/detail/12406.html">
                            <div class="h4">科室微信公众号“和协缘”正式上线，欢迎关注！</div>

                        </a>


                    </td>
                </tr>
                <tr>
                    <td>

                        <a target="_blank" href="/detail/21779.html">
                            <div class="h4">2019年中秋节、国庆节放假期间门诊安排</div>

                        </a>

                    </td>
                </tr>
                <tr>
                    <td>

                        <a target="_blank" href="/detail/21580.html">
                            <div class="h4">北京协和医院西单院区肿瘤内科门诊及院区入口调整公告</div>

                        </a>

                    </td>
                </tr>
                <tr>
                    <td>

                        <a target="_blank" href="/detail/20974.html">
                            <div class="h4">2019年北京协和医院晚期肝胆胰肿瘤治疗及老年肿瘤免疫治疗与管理策略研讨会暨国家级继续教育学习班通知</div>

                        </a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-6" style="margin-left: 20px; border: 1px solid; box-shadow:0 0 8px rgb(119, 124, 119);">
            <table class="table table-condensed">
                <caption>
                    <h2>临床研究</h2>
                </caption>
                <thead>
                <tr>
                    <th>
                        <h1 class="glyphicon glyphicon-paperclip" style="color: rgb(40, 119, 86);"></h1>
                    </th>
                    <th>
                        <h1 class="glyphicon glyphicon-paperclip" style="color: rgb(40, 119, 86);"></h1>
                    </th>
                    <th>
                        <h1 class="glyphicon glyphicon-paperclip" style="color: rgb(40, 119, 86);"></h1>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="#">关于iRECIST</a></td>
                    <td><a href="#">关于临床试验的常见疑问</a></td>
                    <td><a href="#">GCP之不良事件-肿瘤内科..</a></td>
                </tr>
                <tr>
                    <td><a href="#">关于iRECIST</a></td>
                    <td><a href="#">关于临床试验的常见疑问</a></td>
                    <td><a href="#">GCP之不良事件-肿瘤内科..</a></td>
                </tr>
                <tr>
                    <td><a href="#">关于iRECIST</a></td>
                    <td><a href="#">关于临床试验的常见疑问</a></td>
                    <td><a href="#">GCP之不良事件-肿瘤内科..</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        </div>
    </div>










<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>  <!--底部地址栏begin-->
<br>
<br>
<br>
<br>
<br>
<br>
<%@ include file="../nav/foot.jsp"%>

    <!--底部地址栏begin-->



    <script src="plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="plugins/bootstrap/js/bootstrap.js"></script>

    <script>
        // 让banner - 每过4秒轮播
        $('#myCarousel').carousel({
            interval: 4000
        })
    </script>
</body>

</html>